/*====== home piece one start ======*/
.pieceOne{
	height:665px;
	width:1000px;
	margin:0px auto;
}
.pieceOne h2{
	height:73px;
	background:url(../myimages/aboutus-tit.png) no-repeat center 43px;
	font-size:20px;
	color:#666;
	font-weight:normal;
	overflow:hidden;
	padding-top:80px;
}
.pieceOne h2 i{
	display:block;
	width:411px;
	vertical-align:middle;
	border-bottom:1px solid #d5d5d5;
	float:left;
	margin-top:15px;
}
.pieceOne h2 a{
	display:block;
	width:178px;
	position:relative;
	float:left;
	height:40px;
	color:#666;
}
.pieceOne h2 a span{
	display:block;
	position:absolute;
	width:0; 
	height:0; 
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-top:9px solid #d0d0d0;
	bottom:-9px;
	left:calc(50% - 9px);
}
.pieceOne div.content{
	background:#f4f4f4;
	height:448px;
}
.pieceOne div.content .left{
	width:385px;
	height:100%;
	background:#d0d0d0;
}
.pieceOne div.content .right{
	width:404px;
	height:100%;
	margin-right:67px;
	text-align:left;
	padding-top:66px;
}
.pieceOne div.content .right h3{
	height:70px;
	background:url(../myimages/logo-02.png) no-repeat left center;
	border-bottom:1px solid #e2827e;
	margin-bottom:18px;
}
.pieceOne div.content .right p{
	color:#666;
	line-height:27px;
	text-indent:28px;
}
.pieceOne div.content .right a{
	width:170px;
	line-height:40px;
	height:40px;
	border-radius:20px;
	color:#FFF;
	font-weight:bold;
	background:#da261e;
	display:inline-block;
	text-align:center;
	margin-top:36px;
	transition:all 0.3s;
}
.pieceOne div.content .right a:hover{
	background:#900;
}


#scroll {
	position: relative;
	height: 380px;
	overflow: hidden;
	width:427px;
	margin-top:35px;
	margin-left:40px;
	text-align:left;
}
#banner_list img { border: 0px; }
#banner_bg {
	position: absolute;
	bottom: 0;
	height: 42px;
	z-index: 1000;
	width:100%;
	text-align:center;
}
#banner_box {
	height: 42px;
	cursor: pointer;
	width:100%;
	margin:0px auto;
	position:relative;
}
#banner_info {
	position: absolute;
	bottom: 0;
	left: 0px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	z-index: 1001;
	cursor: pointer;
}
#banner_text {
	position: absolute;
	width: 120px; 
	z-index: 1002; 
	right: 3px; 
	bottom: 3px; 
}
#scroll ul {
	position: absolute;
	list-style-type: none;
	z-index: 1002;
	margin: 0;
	padding: 0;
	bottom: 14px;
	right: 15px; 
}
#scroll ul li {
	padding: 0px 6px;
	float: left;
	display: block;
	color: #FFF;
	cursor: pointer;
	height:25px;
	line-height:25px;
	background:rgba(0,0,0,0.5);
	margin-right:5px;
}
#scroll ul li.on {
	background:#da261e ;
	font-weight:bold;
}
#banner_list a {
	position: absolute;
}


/*====== home piece one end ======*/
/*====== home piece two start ======*/
.pieceTwo{
	background:url(../myimages/home-bg-01.jpg) center center;
	height:605px;	
}
.pieceTwo .container{
	width:1000px;
	margin:0px auto;
}
.pieceTwo h2{
	height:71px;
	background:url(../myimages/news-tit.png) no-repeat center 52px;
	font-size:20px;
	color:#666;
	font-weight:normal;
	overflow:hidden;
	padding-top:90px;
	width:100%;
}
.pieceTwo h2 i{
	display:block;
	width:411px;
	vertical-align:middle;
	border-bottom:1px solid #939393;
	float:left;
	margin-top:15px;
}
.pieceTwo h2 a{
	display:block;
	width:178px;
	position:relative;
	float:left;
	height:40px;
	color:#1b1b1b;
}
.pieceTwo h2 a span{
	display:block;
	position:absolute;
	width:0; 
	height:0; 
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-top:9px solid #939393;
	bottom:-9px;
	left:calc(50% - 9px);
}


.pieceTwo .left{
	width:495px;
	border:1px solid rgba(0,0,0,0.2);
	background:#FFF;
	text-align:left;
	height:384px;
}
.pieceTwo .left img{
	width:495px;
	height:254px;
}
.pieceTwo .left h3{
	height:44px;
	line-height:44px;
	padding:10px 25px 0px 25px;
	overflow:hidden;
}
.pieceTwo .left h3 a.more{
	float:right;
	font-weight:normal;
	font-size:12px;
	color:#999;
}
.pieceTwo .left h3 a:hover{
	color:#da261e ;
}
.pieceTwo .left p{
	color:#666;
	line-height:27px;
	max-height:54px;
	text-indent:27px;
	padding:0px 25px;
}
.pieceTwo .right{
	width:495px;
	text-align:left;
}
.pieceTwo .right li{
	border:1px solid rgba(0,0,0,0.2);
	overflow:hidden;
	margin-bottom:10px;
	height:120px;
}
.pieceTwo .right li img{
	margin:16px 20px 0px 15px;
	float:left;
	width:115px;
	height:88px;
}
.pieceTwo .right li h3{
	padding-top:13px;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
.pieceTwo .right li p{
	color:#666;
	line-height:24px;
	font-size:12px;
}
.pieceTwo .right li a{
	display:block;
	background:#FFF;
	transition:all 0.3s;
	height:100%;
}
.pieceTwo .right li a:hover{
	background:#E5E5E5;
}
.pieceTwo .right li a:hover h3{
	color:#da261e ;
}
/*====== home piece two end ======*/
/*====== home piece three start ======*/
.pieceThree{
	background:url(../myimages/home-bg-02.jpg) center center;
	height:560px;	
}
.pieceThree .container{
	width:1020px;
	margin:0px auto;
}
.pieceThree h2{
	height:73px;
	background:url(../myimages/pro-tit.png) no-repeat center 60px;
	font-size:20px;
	color:#666;
	font-weight:normal;
	overflow:hidden;
	padding-top:99px;
	width:100%;
}
.pieceThree h2 i{
	display:block;
	width:411px;
	vertical-align:middle;
	border-bottom:1px solid #d6d6d6;
	float:left;
	margin-top:15px;
}
.pieceThree h2 a{
	display:block;
	width:178px;
	position:relative;
	float:left;
	height:40px;
	color:#666;
}
.pieceThree h2 a span{
	display:block;
	position:absolute;
	width:0; 
	height:0; 
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-top:9px solid #bababa;
	bottom:-9px;
	left:calc(50% - 9px);
}


/*滚动图片*/
.scrollable{
	position:relative;
}
.scrollable ul li{
	float:left;
	width:235px;
	height:333px;
	margin-right:20px;
	list-style:none;
	text-align:center;
	background:#FFF;
}
.scrollable ul li a{
	display:block;
	position:relative;
	overflow:hidden;
}
.scrollable ul li a img{
	float:left;
	transition:all 0.5s;
	width:235px;
	height:165px;
}
.scrollable ul li a i{
	display:block;
	width:0; 
	height:0; 
	position:absolute;
	left:calc(50% - 12px);
	z-index:100;
}
.scrollable ul li a p{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	transition:all 0.3s;
	opacity:0;
	padding:0px;
	z-index:100;
}
.scrollable ul li a p label{
	background:url(../myimages/icon-link.png) no-repeat center center;
	margin:50px auto 0px auto;
	display:block;
	width:57px;
	height:57px;
	transition:all 0.5s;
}
.scrollable ul li:hover a p{
	opacity:1;
}
.scrollable ul li:hover a p label{
	transform:rotate(360deg);
}
.scrollable ul li:hover a img{
	transform:scale(1.2);
}
.scrollable ul li:nth-child(n) a i{
	top:0px; 
	bottom:auto;
	border-left:12px solid transparent;
	border-right:12px solid transparent; 
	border-top:12px solid #FFF; 
}
.scrollable ul li:nth-child(2n) a i{
	bottom:0px;
	top:auto;
	border-left:12px solid transparent;
	border-right:12px solid transparent; 
	border-bottom:12px solid #FFF; 
	border-top:0px; 
}
.scrollable ul li img{
	width:100%;
}
.scrollable ul li h3 a{
	font-size:16px;
	color:#da261e;
	height:55px;
	line-height:70px;
}
.scrollable ul li span{
	display:block;
	width:48px;
	background:#c3c3c3;
	height:2px;
	margin:0px auto;
}
.scrollable ul li p{
	padding: 10px 25px 0px 25px;
	line-height:26px;
	text-indent:26px;
	color:#666;
	text-align:left;
	height:100px;
	overflow:hidden;
}
.scrollable .carousel-direction a{
	position:absolute;
	top:150px;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius:38px;
	border:1px solid #a1a1a1;
	font-family:宋体;
	color:#a1a1a1;
}
.scrollable .carousel-direction a:hover{
	border:1px solid #666;
	color:#666;

}
.scrollable .carousel-direction a.carousel-prev{
	left:-58px;
}
.scrollable .carousel-direction a.carousel-next{
	right:-38px;
}

/*====== home piece three end ======*/
/*====== home piece four start ======*/
.pieceFour{
	width:1255px;
	height:630px;
	margin:0px auto;
}
.pieceFour li{
	width:235px;
	height:433px;
	margin-right:20px;
	position:relative;
	margin-top:132px;
	float:left;
	cursor:pointer;
	transition:all 0.5s;
}
.pieceFour li:last-child{
	margin-right:0px;
}
.pieceFour li p{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	transition:all 0.3s;
}
.pieceFour li h1{
	position:absolute;
	top:-58px;
	left:59px;
	width:116px;
	height:90px;
	border-radius:116px;
	background:#d7b78b;
	z-index:1;
	color:#FFF;
	font-size:20px;
	padding-top:26px;
	transition:all 0.3s;
}
.pieceFour li h1 i{
	position:absolute;
	bottom:-10px;
	left:calc(50% - 13px);
	width:0; 
	height:0; 
	border-left:13px solid transparent;
	border-right:13px solid transparent;
	border-top:13px solid #d7b78b;
	transition:all 0.3s;
}
.pieceFour li h2{
	position:absolute;
	top:180px;
	left:0px;
	color:#FFF;
	z-index:1;
	width:100%;
	font-size:20px;
	line-height:36px;
	opacity:0;
	transition:all 0.3s;
}
.pieceFour li h2 strong{
	font-size:18px;
	text-transform:uppercase;
}
.pieceFour li span{
	position:absolute;
	top:250px;
	left:calc(50% - 25px);
	width:50px;
	height:50px;
	line-height:50px;
	border:1px solid #FFF;
	z-index:1;
	border-radius:50px;
	transition:all 0.6s;
	opacity:0;
}
.pieceFour li span i{
	background:rgba(255,255,255,0.6);
	position:absolute;
}
.pieceFour li span i:first-child{
	height:1px;
	width:26px;
	top:24px;
	left:12px;
}
.pieceFour li span i:last-child{
	width:1px;
	height:26px;
	left:24px;
	top:12px;
}

.pieceFour li:hover{
	margin-top:110px;
}
.pieceFour li:hover h1{
	background:#ea6c67;
}
.pieceFour li:hover h1 i{
	border-top:13px solid #ea6c67;
}
.pieceFour li:hover h2{
	opacity:1;
	top:150px;
}
.pieceFour li:hover span{
	transform:rotate(360deg);
	opacity:1;
}
.pieceFour li:hover p{
	opacity:1;
}
/*====== home piece four end ======*/